<template>
    <div class="menu">
        <div class="list-group menu-list-group">
            <router-link
                class="list-group-item list-group-item-action menu-link"
                active-class="active"
                to="/management/list/study"
            >
                笔记管理
            </router-link>
            <router-link
                class="list-group-item list-group-item-action menu-link"
                active-class="active"
                to="/management/list/project"
                >项目管理</router-link
            >
            <router-link
                class="list-group-item list-group-item-action menu-link"
                active-class="active"
                :to="{ name: 'add' }"
                >添加文章</router-link
            >
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style scoped>
.menu {
    width: 15%;
}
.menu-list-group {
    position: sticky;
    top: 100px;
}
</style>
